html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    background-image: url("https://images.pexels.com/photos/2904142/pexels-photo-2904142.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500");
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
select
    {
       width                    : 160pt;
       height                   : 20pt;
       line-height              : 40pt;
       padding-right            : 20pt;
       text-indent              : 4pt;
       text-align               : left;
       vertical-align           : middle;
       border                   : 1px solid #94c1e7;
       -moz-border-radius       : 6px;
       -webkit-border-radius    : 6px;
       border-radius            : 6px;
       font-family              : SimHei;
       font-size                : 18pt;
       font-weight              : 500;
       color                    : RGBA(102,102,102,0.7);
       cursor                   : pointer;
       outline                  : none;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,th {
    padding: 0;
}

.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #94c1e7;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

.pure-table thead {
    background-color:#94c1e7;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.pure-table td {
    background-color: transparent;
}
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-odd td {
    background-color:#94c1e7;
}
